<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>注册界面</title>
  <meta name="description" content="mobile first, app, web app, responsive, admin dashboard, flat, flat ui">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="shortcut icon" href="images/MIAS.ico"/>
  <script src="js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="js/bootstrap.js"></script>
  <!--[if lt IE 9]>
    <script src="js/ie/respond.min.js"></script>
    <script src="js/ie/html5.js"></script>

  <![endif]-->
</head>
<body>
<script>
    $(function () {
        var check=$("#check").is(":checked");
//        alert(check);
        if(check==false){
            $("#submit").attr("disabled",true);
        }
    });
    function check(){
        var check=$("#check").is(":checked");
        if(check==true){
            $("#submit").removeAttr("disabled");
        }
        else{
            $("#submit").attr("disabled",true);
        }
    }

</script>
  <!-- header -->
  <header id="header" class="navbar bg bg-black">
    <a href="docs.html" class="btn btn-link pull-right"><i class="icon-question icon-xlarge text-default"></i></a>
    <a class="navbar-brand" href="#">MIAS</a>
  </header>
  <!-- / header -->
  <section id="content">
    <div class="main padder">
      <div class="row">
        <div class="col-lg-4 col-offset-4 m-t-large">
          <section class="panel">
            <header class="panel-heading text-center">
              注册
            </header>
            <form action="#" class="padder" id="signupForm">
              <div class="block">
                <label class="control-label"> 请选择您要注册的身份</label>
                <select name="type" class="form-control" >
                  <option value="1">广告主</option>
                  <option value="2">开发者</option>
                </select>
              </div>
              <div class="block">
                <label class="control-label">手机号</label>
                <input name="tel" type="tel" placeholder="" class="form-control"  required />
              </div>
              <div class="block">
                <label class="control-label">你的邮箱</label>
                <input name="email" type="email" placeholder="test@example.com" class="form-control" required>
              </div>
              <div class="block">
                <label class="control-label">昵称</label>
                <input  name="name" class="form-control" required />
              </div>
              <div class="block">
                <label class="control-label">输入密码</label>
                <input name="password" type="password" id="inputPassword"class="form-control" required>
              </div>

              <div class="block">
                <label class="control-label">身份证号</label>
                <input  name="id_number" class="form-control" required>
              </div>
              <div class="checkbox">
                <label  onclick="check()">
                  <input type="checkbox" id="check" />同意<a href="#">服务条款和协议</a>
                </label>
              </div>
              <button type="button" id="submit" onclick="signUp()" class="btn btn-info">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注册&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
              <div class="line line-dashed"></div>
              <p class="text-muted text-center"><small>已经有账号了?</small></p>
              <a href="index.html" class="btn btn-success btn-block ">登录</a>
            </form>
          </section>
        </div>
      </div>
    </div>
  </section>
  <!-- footer -->
  <footer id="footer">
    <div class="text-center padder clearfix">
      <p>
        <small>&copy; MIAS 2017, 移动广告互联网系统</small><br><br>
      </p>
    </div>
  </footer>
  <!-- / footer -->


  <!-- app -->
  <script src="js/app.js"></script>
  <script src="js/app.plugin.js"></script>
  <script src="js/app.data.js"></script>
  <script src="js/index.js"></script>
</body>
</html>